<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" ng-app="admin">
<head>
    <link href="/client_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/client_modules/angular-bootstrap/ui-bootstrap-csp.css" rel="stylesheet">
    <script src="/client_modules/jquery/dist/jquery.js"></script>
    <script src="/client_modules/angular/angular.js"></script>
    <script src="/client_modules/angular-route/angular-route.js"></script>
    <script src="/client_modules/angular-animate/angular-animate.js"></script>
    <script src="/client_modules/angular-bootstrap/ui-bootstrap.js"></script>
    <script src="/client_modules/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <script src="/client/controllers/router.js"></script>
    <script src="/client/controllers/audit_dish.client.controller.js"></script>
    <script src="/client/services/dish.client.service.js"></script>
    <script src="/client/controllers/audit_merchant.client.controller.js"></script>
    <script src="/client/services/merchant.client.service.js"></script>
    <script src="/client/controllers/order_complaint.client.controller.js"></script>
    <script src="/client/services/complaint.client.service.js"></script>
    <script src="/client/js/script.js"></script>
    <!--<script src="../js/script.js"></script>-->
    <!--<script src="../js/page_controller.js"></script>-->
    <link href="../css/style.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>IOSA ADMIN</title>
</head>
<body class="layout-background">
<nav class="navbar navbar-default nav-bar-top">
    <div class="layout-width">
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand">ITA Order System</a>
        </div>
    </div>
</nav>
<div id="menu-panel" class="menu-container menu-close">
    <ul style="margin-top: 30px" class="nav nav-pills nav-stacked">
        <!--         <li style="white-space:nowrap; " role="presentation">
                    <a href="./../"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;&nbsp;&nbsp;Home</a>
                </li> -->
        <li id="menu_am" style="white-space:nowrap; " role="presentation" ng-class="{true : 'active'}[active == 'am']">
            <a href="#/audit_merchant"><span class="glyphicon glyphicon-check"></span>&nbsp;&nbsp;&nbsp;&nbsp;Audit
                Merchants</a>
        </li>
        <li id="menu_lgm" style="white-space:nowrap; " role="presentation" ng-class="{true : 'active'}[active == 'lgm']">
            <a href="#/low_grade"><span class="glyphicon glyphicon-exclamation-sign"></span>&nbsp;&nbsp;&nbsp;&nbsp;Low
                Grade Merchant</a>
        </li>
        <li id="menu_ad" style="white-space:nowrap; " role="presentation" ng-class="{true : 'active'}[active == 'ad']">
            <a href="#/audit_dish"><span class="glyphicon glyphicon-apple"></span>&nbsp;&nbsp;&nbsp;&nbsp;Audit Dish</a>
        </li>
        <li id="menu_cl" style="white-space:nowrap; " role="presentation" ng-class="{true : 'active'}[active == 'cl']">
            <a href="#/order_complaint"><span class="glyphicon glyphicon-thumbs-down"></span>&nbsp;&nbsp;&nbsp;&nbsp;Complaint
                List</a>
        </li>
    </ul>
</div>
<div id="operation-panel" class="operation-container">
    <div class="body-panel view-slide-in" style="min-height: 680px" ng-view ></div>
</div>
</body>
</html>